


<script setup>
import {ref, reactive} from 'vue'

const activeClass = ref('active')
const errorClass = ref('text-danger')

const isActive = ref(true)
</script>

<template>
    <div :class="[activeClass, errorClass]"></div>

    <div :class="[isActive ? activeClass : '', errorClass]"></div>

    <div :class="[{ active: isActive }, errorClass]"></div>
</template>
